<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="../../js/jquery.min.js"></script>
		<link rel="stylesheet" href="../../css/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/font-awesome.css" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/icono.imn.css" />
		<link rel="stylesheet" href="../../css/page/courseClassify.css" />
		<script src="../../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../../js/page/courseClassify.js"></script>
		<script src="../../js/jquery.qrcode.min.js"></script>
		<script src="../../static/js/login/user.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
	</head>

	<body>
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
			<div class="modal-dialog" role="document" style="margin-top: 100px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
               			</button>
						<h4 class="modal-title" id="exampleModalLabel" style="text-align: center;">登录</h4>
					</div>
					<ul class="nav nav-pills nav-justified" role="tablist">
						<!--<li role="presentation" class="active">
                    <a href="#hetao" aria-controls="hetao" role="tab" data-toggle="tab">核桃登录</a>
                </li>
                <li role="presentation">
                    <a href="#qzone" aria-controls="qzone" role="tab" data-toggle="tab">QQ登录</a>
                </li>
                <li role="presentation">
                    <a href="#wechat" aria-controls="wechat" role="tab" data-toggle="tab">微信登录</a>
                </li>-->
					</ul>
					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="hetao">
							<div class="modal-body" id="hetaoAccount">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="inputCount" class="col-sm-2 control-label">账号:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="inputCount" placeholder="count">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label">密码:</label>
										<div class="col-sm-10">
											<input type="password" class="form-control" id="inputPassword" placeholder="Password">
										</div>
									</div>
									<div class="form-group">
										<label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="identifyingCode" placeholder="identifyingCode">
										</div>
									</div>
									<div class="form-group">
										<label for="" class="col-sm-2 control-label"></label>
										<div class="col-sm-10">
											<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
											<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
										</div>
									</div>
								</form>
								<div class="chooseLoginType" onclick="switchLoginType(this)" data-toggle="tooltip" data-placement="left" title="点击使二维码登录">
									<img src="../../img/QR_code.png" style="width: 100%;height: 100%;" />
								</div>
							</div>
							<div class="modal-body" id="hetaoCode" style="display: none;">
								<div id="code" style="display: inline-block;margin-left: 27%;"></div>
								<div class="chooseLoginType" onclick="switchLoginType(this)" data-toggle="tooltip" data-placement="left" title="点击使用账号登录">
									<img src="../../img/computer.png" style="width: 100%;height: 100%;" />
								</div>
							</div>
							<div class="modal-footer" style="text-align: center;">
								<button type="button" class="btn btn-primary" style="width: 150px;" onclick="login()">登录
                        		</button>
							</div>
						</div>
						<!--<div role="tabpanel" class="tab-pane" id="qzone">
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="inputCount" class="col-sm-2 control-label">账号:</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="inputCount" placeholder="count">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword" class="col-sm-2 control-label">密码:</label>
                                <div class="col-sm-10">
                                    <input type="password" class="form-control" id="inputPassword"
                                           placeholder="Password">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="identifyingCode"
                                           placeholder="identifyingCode">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword" class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <img src="../../img/App.jpg" class="img-responsive" alt="Responsive image"
                                         width="100" style="display: inline-block;">
                                    <span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer" style="text-align: center;">
                        <button type="button" class="btn btn-primary" style="width: 150px;">登录</button>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="wechat">
                    <div class="modal-body">
                        <img src="../../img/App.jpg" class="img-responsive" alt="Responsive image"
                             style="margin: 0px auto;">
                    </div>
                </div>-->
					</div>
				</div>
			</div>
		</div>
		<div class="head">
			<div class="titleContainerI">
				<div class="topNav">
					<div class="topNavCenter">
						<div class="topNavLogo">
							<a href="" target="_self">
								<img width="190" height="28" src="../../img/huasaidashuju.png">
							</a>
						</div>
						<div class="topNavCourse">
							<a style=" pointer-events: none;">
								<span style="color: #54B82E;">课程</span>
							</a>
						</div>
						<div class="topNavCourse">
							<a href="#" target="_blank">
								<span>名校</span>
							</a>
						</div>
						<div class="topNavDiscuss">
							<a href="#" target="_blank">
								<span>2020考研</span>
							</a>
						</div>
						<div class="topNavCourse" style="width: 48px;">
							<a href="#" target="_blank">
								<span>学校云</span>
							</a>
						</div>
						<div class="topNavDiscuss">
							<a href="#" target="_blank">
								<span>名师专栏</span>
							</a>
						</div>
						<div class="topNavRightPart">
							<img class="phone" src="../../img/白手机.png" style="top: 3px;float:left;" />
							<span id="client_2" class="client_2" style="color: white;margin-top: 4px;float:left;">客户端</span>
							<div class="topNavSelect">
								<div class="topNavSelectI">
									<div class="topSelect">
										<div class="topSelectI">
											<input placeholder="搜索感兴趣的课程" style="border: none;" />
										</div>
									</div>
									<img style="width: 36px;height: 30px;display: inline-block;cursor: pointer;" src="../../img/搜索.jpg">
								</div>
							</div>
							<div class="topNavLogin" id="navBeforeLogin">
								<div class="topNavLoginI">
									<span data-toggle="modal" data-target="#exampleModal">
										登录 | 注册
									</span>
								</div>
							</div>
							<i id="navAfterLogin" style="display: none;">
                        <div class="navLoginBox">
                            <div class="navLinks">
                                <div class="navlogin">
                                    <div class="navLoginHeadImgBox">
                                        <div class="navHeadimg">
                                            <a>
                                                <img id="my-img" src="../../img/zhenjing.jpg" width="30" height="30"
                                                     alt="zhenjing" style="margin: 0 3px;border-radius: 50%;">
                                            </a>
                                        </div>
                                        <div class="navAfterLoginBox" style="display: none;">
                                            <div class="e-hover-arrow"></div>
                                            <div class="e-hover-arrow-border"></div>
                                            <ul class="set">
                                                <li class="text" style="text-align: center;"><span class="f-fc9">正使用“核桃”帐号登录</span>
                                                </li>
                                                <li class="j-cert-card" style="">
                                                    <a class="f-fc6" href="/home.htm?userId=1385377139#/home/mycert"
                                                       target="_blank">我的认证证书</a>
                                                </li>
                                                <li class="j-coupons">
                                                    <a class="f-fc6" href="/user/myCoupons.htm"
                                                       target="_blank">我的优惠券</a>
                                                </li>
                                                <li>
                                                    <a class="f-fc6" href="/user/setting/personInfoEdit.htm"
                                                       target="_blank">设置</a>
                                                </li>
                                                <li class="exit" onclick="quit()">
                                                    <span class="f-fc6">退出</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="navLoginMyCourse">
                            <div class="navLoginMyCourseContainer">
                                <a id="gotoPersonal" target="_blank"><span>个人中心</span></a>
                            </div>
                        </div>
                    </i>
						</div>
						<div class="dialog_border_2" id="dialog_border_2">
							<img src="../../img/App.jpg" style="width: 100%;height: auto;" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="courseBody">
			<div class="courseBodyCenter f-cb">
				<div class="courseBodyCenterI">
					<div class="positionBox f-f0">
						<a href="http://localhost/page/HomePage/index.html" target="_blank">首页</a>
						<span>></span>
						<span>全部课程</span>
					</div>
					<div class="courseClassifyListBox f-f0">
						<ul id="courseClassifyList" class="courseClassifyList f-cb">
						</ul>
					</div>
					<div class="resultView f-f0">
						<div class="tagBar f-cb">
							<ul class="tagLeftUl f-cb f-f0">
								<li id="最新" class="tagLeft tagSelected" onclick="changeListOrder('最新')">最新</li>
								<li id="热门" class="tagLeft" onclick="changeListOrder('热门')">热门</li>
							</ul>
							<!--<ul class="tagRightUl f-cb f-f0">
								<li class="tagRight tagSelected"></li>
								<li class="tagRight"></li>
								<li class="tagRight"></li>
							</ul>-->
						</div>
						<div class="recommendCourseBox f-cb">
							<div class="recommendedCourses">
								<div class="recommendedCoursesForSlide">
									<a href="https://www.icourse163.org/topics/2018NationalLevelMOOC/" data-action="专题点击" data-label="https://www.icourse163.org/topics/2018NationalLevelMOOC/+位置（0）" target="_blank" id="auto-id-1551171405734">
										<img src="http://edu-image.nosdn.127.net/d5f65369c1214aba9861857b0adbb428.jpg?imageView&amp;quality=100" width="222" height="90">
									</a>
									<a href="http://www.icourse163.org/topics/mszl/ " class="ga-click" data-action="专题点击" data-label="http://www.icourse163.org/topics/mszl/ +位置（1）" target="_blank" id="auto-id-1551171405735">
										<img src="http://edu-image.nosdn.127.net/94bcd44c-26ec-49b0-9e68-58a8a6f7ba95.png?imageView&amp;quality=100" width="222" height="90">
									</a>
									<a href="https://kaoyan.icourse163.org/course/category/siliuji.htm" class="ga-click" data-action="专题点击" data-label="https://kaoyan.icourse163.org/course/category/siliuji.htm+位置（2）" target="_blank">
										<img src="http://edu-image.nosdn.127.net/5e88da69edb144c7af4b164ff39ba024.png?imageView&amp;quality=100" width="222" height="90">
									</a>
									<a href="http://www.icourse163.org/topics/Chinese2018?kc" class="ga-click" data-action="专题点击" data-label="http://www.icourse163.org/topics/Chinese2018?kc+位置（3）" target="_blank">
										<img src="http://edu-image.nosdn.127.net/a6042501653b4520a6c032c01a832dfc.png?imageView&amp;quality=100" width="222" height="90">
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="courseCardListBox f-cb">
						<div id="loading" class="circle f-dn"></div>
						<div id="courseCardList" class="courseCardList">
						</div>
					</div>
					<div class="pageList f-f0" id="pageBoxBackground">
						<ul class="pageBox" id="pageBox">
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="fotter">
			<div class="fotterCenter">
				<div class="fotterLogoBox">
					<div class="fotterLogo"></div>
					<p class="LogoText">由中兴云聚推出，让每一个有提升愿望的用户能够学到中国知名高校的课程，并获得认证。</p>
				</div>
				<div class="friendlyLink">
					<h4 style="font-size: 16px;margin-bottom: 16px;color: #CCCCCC;">友情链接</h4>
					<div class="link">
						<a href="https://www.kada.com/?utm_source=www.icourse163.org/&amp;utm_medium=bottom_links&amp;utm_campaign=business&amp;utm_content=kada2018092902" target="_blank">
							网易卡搭编程
						</a>
						<a href="#" target="_blank">网易云课堂</a>
						<a href="#" target="_blank">网易100分</a>
					</div>
				</div>
				<div class="wechat">
					<h4>微信公众号&nbsp;&nbsp;<span class="fa fa-wechat"></span></h4>
					<img src="../../img/zhenjing.jpg" width="100" height="100" />
				</div>
				<div class="aboutUs">
					<h4>关于我们</h4>
					<div class="aboutUsOption">
						<a href="#" target="_blank">关于我们</a>
						<a href="#" target="_blank">联系我们</a>
						<a href="#" target="_blank">意见反馈</a>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>